<template>
  <div class="video">
    <div class="video-top">
      《失控玩家》猛男升级版新英雄"大佬"重磅上线，解锁更多神操作
    </div>
    <p>2021-09-06</p>
    <ul>
      <li>
           <i class="iconfont icon-dianzan1" ></i>
        <p>894</p>
      </li>
      <li>
        <img
          src="https://s0.meituan.net/bs/myfe/canary/file/asgard/images/preview/middle-2.png"
          alt=""
        />
        <p>18</p>
      </li>
      <li>
        <img
          src="https://s0.meituan.net/bs/myfe/canary/file/asgard/images/preview/middle-3.png"
          alt=""
        />
        <p>179</p>
      </li>
      <li>
        <img
          src="https://s0.meituan.net/bs/myfe/canary/file/asgard/images/preview/middle-4.png"
          alt=""
        />
        <p>315</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
methods:{
  runRemark(){
  this.$router.push('/comment')
  }
}
};
</script>

<style scoped>
.video {
  background: #ffffff;
}
.video-top {
  border-top: 1px solid #ededed;
  padding: 0.2rem 0.3rem;
  font-size: 0.37rem;
}
p {
  padding: 0.2rem 0.3rem;
  color: #9999a6;
}
ul {
  display: flex;
  /* padding: ; */
  justify-content: space-evenly;
}
ul li:nth-of-type(1) i {
  font-size: 0.6rem;
  color: #8c7e7e;
}


li img {
  width: 0.6rem;
  height: 0.6rem;
}
li > p {
  text-indent: -0.2rem;
}
</style>